﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Agenda.aspx.cs" MasterPageFile="~/Funcionario/Funcionario.Master" Inherits="Ortodoctor.Funcionario.Agenda" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="head">
    <title>Ortodoctor - Agenda</title>
    
	<link rel='stylesheet' type='text/css' href='assets/jqueryweekcalendar/jquery.weekcalendar.css' />
    <script type='text/javascript' src='assets/jqueryweekcalendar/jquery.weekcalendar.js'></script>

    <script type="text/javascript" src="Agenda.js"></script>
    <link type="text/css" rel="stylesheet" href="Agenda.css" />
</asp:Content>

<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="conteudo">
    <div class="container">
        <div style="margin-bottom:10px; ">
            <div class="pull-left">
                <table>
                    <tr>
                        <td>Dentista</td>
                        <td><select id="selectDentista" runat="server"></select></td>
                    </tr>
                </table>
            </div>
            <div class="pull-right">
                <a class="btn" onclick="javascript: calendarioHoje();">Hoje</a>

                <div class="btn-group">
                  <a class="btn" onclick="javascript: calendarioSemanaAnterior();"><i class="icon-step-backward"></i></a>
                  <a class="btn" onclick="javascript: calendarioProximaSemana();"><i class="icon-step-forward"></i></a>
                </div>  
            </div>
            <div class="clearfix"></div>
        </div>

        <div id="agenda"></div>
    </div>
    
    <div id="edicao_evento" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true" runat="server">
        <div class="modal-header">
            <h4 class="muted">Editar item da agenda</h4>
        </div>
        <div id="edicao_evento_conteudo" class="modal-body">
		    <input type="hidden" />
            <table>
                <tr>
                    <td style="width:100px; font-weight:bold; "><label><span class="date_holder"></span></label></td>
                    <td style="width:30px;"><label for="start">das</label></td>
                    <td><select name="start" style="width:80px; "><option value="">Selecionar</option></select></td>
                    <td style="width:30px; padding-left:10px; "><label for="end">até</label></td>
                    <td><select name="end" style="width:80px; "><option value="">Selecionar</option></select></td>
                </tr>
            </table>
            <table>
                <tr>
                    <td style="padding-right:5px; "><label for="selectCliente">Cliente</label></td>
                    <td><select id="selectCliente" name="selectCliente" style="width:350px;" runat="server"></select></td>
                </tr>
                <tr>
                    <td style="padding-right:5px; "><label for="selectProcedimento">Procedimento</label></td>
                    <td><select id="selectProcedimento" name="selectProcedimento" style="width:350px;"><option value="">Escolha um cliente</option></select></td>
                </tr>
                <tr>
                    <td style="padding-right:5px; vertical-align:top; "><label for="observacoes">Observações</label></td>
                    <td ><textarea id="observacoes" style="width:400px; height:60px; "></textarea></td>
                </tr>
            </table>
        </div>

        <div class="modal-footer">
            <div id="botoesExtras" class="pull-left">
                <a class="btn btn-warning" id="btnCancelar" onclick="javascript: modalEvent_Cancelar(); return false;">Cancelar</a>
                <a class="btn btn-success" id="btnCompareceu" onclick="javascript: modalEvent_Comparecer(); return false;">Marcar comparecimento</a>
            </div>
            <input type="button" class="btn" onclick="javascript: modalEvent_Fechar(); return false;" value="Fechar" />
            <input type="button" id="btnSalvar" class="btn btn-primary" onclick="javascript: modalEvent_Salvar(); return false;" value="Salvar" data-loading-text="Salvando.." />
        </div>
	</div>
</asp:Content>